<template>
  <div>
    <div @click="measure('area')">绘制地图</div>
    <div class="map" id="map"></div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import { init ,measure} from '../../utils/mapjs/map';
onMounted(() => {
    init();
})
</script>

<style lang="less">
#map {
    width: 100%;
    height: 100%;
    background-color: rgb(20, 34, 51);

    .ol-overlaycontainer-stopevent {
        display: none;
    }
    .ol-zoom-out{
      display: none;
    }
    .ol-zoom-in{
      display: none;
    }
}
</style>
